<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>查询结果</title>
		<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/details.css" />
		<script src="lib/jquery/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/details.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body onload="getPMdata()">
		<header>
			<!--导航栏<-->
			<a href="index.html" style="color: black;height: 50px;line-height: 50px"><span class="glyphicon glyphicon-arrow-left pull-left" style="height: 50px;line-height: 50px; margin-left: 10px;font-size: 20px;"></span></a>
			<h3 class="center text-center">城市PM详情</h3>
		</header>
		<div class="container" style="margin-top: 50px;">
			<div class="row" style="position: relative;">
				<!--图像显示-->
				<img src="img/4.jpg" alt="" id="headImg" ;>
				<div id="headContent" class="col-sm-12">
					<h3 id="address">地点</h3>
					<b id="PmVaule">43</b>
					<span id="PmDengji">优</span>
					<hr />
					<p id="Pmprimary">颗粒度(粒径小于等于2.5um) 24小时滑动平均</p>
				</div>
				<div id="headBottom">
					<!--<div id="bottomImg"></div>-->
					<div id="line"></div>
					<div id="circle">
						<div style=" width:25px; height:25px; background-color:green; border-radius:25px;">
							<span style="height:25px; line-height:25px; display:block; color:#FFF; text-align:center">1</span>
						</div>
					</div>
				</div>
			</div>
			<div class="row" style="position: relative">
				<div class="panel panel-default col-sm-12" style="margin: 20px auto; width: 90%;">
					<!--表格显示-->
					<table class="table">
						<thead>
							<tr>
								<th>#</th>
								<th>监测点名称</th>
								<th>PM</th>
								<th>质量</th>
							</tr>
						</thead>
						<tbody id="PmTable">
							<!--<tr>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
							</tr>
							<tr>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
							</tr>-->
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</body>

</html>